@import "../../../../../styles/variables";

.controversy-icon {
    width: 2rem;
    height: 2rem;
}

.controversy-icon-lg {
    width: 2.5rem;
    height: 2.5rem;
}

.outlook-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.theme-name {
    color: $dark-grey;
    padding-left: $secondary-font-size;
    font-weight: $font-weight-bold;
}

.incident-name {
    font-weight: $font-weight-bold;
    font-size: $secondary-font-size;
    margin-bottom: 1rem;
}

.incident-description {
    font-size: $secondary-font-size;
    line-height: 1rem;
}

.indicator-details {
    font-size: $secondary-font-size;
    padding: 0rem 3rem 1rem;
}

.indicator-scatter {
    margin-left: -3rem;
}

#comparison_incidents {
    height: 8rem;
    width: 100%;
}

.chart-legend-block, .chart-legend-circle {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 1rem;
}

.chart-legend-circle {
    border-radius: 2rem;
}